<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../resources/main.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        <p:separator />
        <div class="pagina">
            Lista de Funcionário
        </div>
        <p:separator />
        <h:form>
            <p:growl />
            <h:outputStylesheet library="css" name="estilo.css" />
            <p:dataTable value="#{mbFuncionario.funcionarios}" var="f">
                <p:column headerText="Cod" style="text-align: left; font-size: 12px;" width="50" sortBy="idFuncionario">
                    <h:outputText value="#{f.idFuncionario}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Nome" style="text-align: left; font-size: 12px;" sortBy="nome" width="200">
                    <h:outputText value="#{f.nome}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Função" style="text-align: left; font-size: 12px;" sortBy="cargo">
                    <h:outputText value="#{f.cargo}" styleClass="txt"/>
                </p:column>                                
                <p:column headerText="Endereço" style="text-align: left; font-size: 12px;">
                    <h:outputText value="#{f.endereco}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Bairro" style="text-align: left; font-size: 12px;">
                    <h:outputText value="#{f.bairro}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Telefone" style="text-align: left; font-size: 12px;">
                    <h:outputText value="#{f.telefone}" styleClass="txt"/>
                </p:column>
                <p:column headerText="Status" style="text-align: left; font-size: 12px;">
                    <h:outputText value="ATIVO" rendered="#{f.ativo}" styleClass="txt"/>
                    <h:outputText value="INATIVO" rendered="#{!f.ativo}" styleClass="txt"/>
                </p:column>               
            </p:dataTable>
        </h:form>
        <p:separator />
        <h:form>
            <h:panelGrid columns="3">
                <h:outputLabel for="codigo" value="Codigo do funcionário.:" styleClass="lb" />
                <h:inputText id="codigo" value="#{mbFuncionario.codigoFuncionario}" styleClass="tx" size="20" 
                             title="Digite o codigo do funcionario que deseja fazer alteração" converterMessage="Digite somente números">
                    <f:convertNumber type="number" />
                </h:inputText>
                <p:commandButton value="Carregar funcionário" action="#{mbFuncionario.alterarFuncionario}" 
                                 update=":cadFunc" ajax="false" title="Click para carrega o funcionario no formulario para alteração"/>
            </h:panelGrid>
        </h:form>
    </ui:define>
</ui:composition>
